E2E test 的測試框架也有好幾個常見的選擇,而我們在 E2E test 方面選擇使用 Playwright 作為測試框架。
Playwright 作為測試框架大致上有這些好處:
支援主流瀏覽器
支援使用 Chromium、Firefox 和 WebKit 進行測試,這就幾乎包含了所有的主流瀏覽器。
Headless and headed
測試時使用 Headless 可以讓測試更有效率,而除錯時也能實際開啟瀏覽器協助我們排除問題。
彈性多樣的選擇器
可以使用常見的 CSS 選擇器,也有許多擴充的方法讓我們能寫出更有可讀性的測試 code。
自動等待動作
常見的元素點擊、輸入等動作,Playwright 會自動等待元素出現後才進行,可以減少很多我們自己去設定 Timeout 的情況。
可以隔離 browser contexts 瀏覽器上下文
有時候我們會需要測試不同使用者共同操作頁面時的連動性,例如聊天室、共筆,或其他可能需要同時開啟多分頁在不同狀態下測試的情境,Playwright 可以透過隔離 browser contexts 在一個測試腳本中做到。